
export default (props) => {
    console.log('movies load', props);
    return <h1>movies</h1>
}

// 只能在页面组件内, 该函数运行在组件渲染之前， 运行在build期间
export async function getStaticProps({params}) {
    // 服务端会运行的函数，返回结果格式固定，props会被混合到组件props中
    const a = await new Promise((resolve) => {
        setTimeout(() => resolve(100), 2000)
    })
    console.log("getStaticProps", a);
    return {
        props: {
            a
        }
    }
}

// 在动态页面中build时会运行 该函数用于得到有哪些可能出现的参数
export async function getStaticPaths() {
    // path是数组，每个parmas会传给getStaticProps运行
    return {
        path: [
            {params: {}}
        ],
        // 如果请求过来的页面没有对应的静态页面会进行，false会返回404
        // true 会给对应的动态页面， 单走到true的时候，是不会允许getStaticProps的，所以组件的props数据可能会是undeinfed
        // 当访问到不存在的页面时，页面会处于loading中并向服务端请求页面的json，服务端马上重新运行getStaticProps，重新渲染组件，把渲染的结果生成新的html
        // 同时生成 json响应给前端

        // fallback: false
        fallback: true
    }
}